<template>
  <div class="home">
    <content-header-wrapper />
    <a-card style="margin-top: 10px; height: 600px">
      <h2>{{ $route.meta.title }}</h2>
      <br />
      <div style="text-align: center; font-size: 2rem; margin-top: 120px">
        <h1>欢迎使用一起走管理后台</h1>
      </div>
      <div style="
            position: absolute;
            bottom: 10px;
            right: 10px;">
            <h1>当前时间</h1>
        <clock
          style="
            height: 80px !important;
            width: 80px !important;
            font-size: 12px !important;
          "
        ></clock>
      </div>
    </a-card>
  </div>
</template>
<script>
import Clock from "vue-clock2";
import ContentHeaderWrapper from "../components/ContentHeaderWrapper/ContentHeaderWrapper.vue";
export default {
  name: "Home",
  components: { Clock, ContentHeaderWrapper },
};
</script>
<style >
.clock-circle{
  width: 10px  !important;
  height: 10px !important;
}
</style>
